<template>
    <div class="trainClass">
        <div class="desc">
            <el-select v-model="value" placeholder="请选择">
                <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
                </el-option>
            </el-select>

            <p class="date"> 2019.03.2 ~ 2019.03.31 </p>
            <p class="location"> 广东省深圳市福田区花园格兰云天 </p>
            <p></p>
        </div>
        <div class="charts">
12312
        </div>
    </div>
</template>

<script>
export default {
    name: 'trainClass',
    data() {
        return {
            options: [{
                value: '1',
                label: '第99期拟上市公司董事会秘书培训班'
            }, {
                value: '2',
                label: '第98期拟上市公司董事会秘书培训班'
            }, {
                value: '3',
                label: '第97期拟上市公司董事会秘书培训班'
            }],
            value: ''
        }
    }
}
</script>

<style lang="less" scoped>
    .trainClass {
        color: #444;
        padding: 30px;
        box-sizing: border-box;
        display: flex;

        .desc {
            min-width: 400px;

            .date {
                font-size: 14px;
                color: #888;
                line-height: 40px
            }

            .location {
                font-size: 14px;
                color: #888;
            }
        }

        .charts {
            flex: 1;
        }
    }
</style>

